{__NOLAYOUT__}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>跳转提示</title>
    <style>
        *{
            padding: 0px;
            margin: 0px;
        }
        body{
            width: 100%;
            height: 100vh;
        }
        a{
            color: #cccccc;
            text-decoration: none;
        }
        .main{
            position: relative;
            width: 100%;
            height: 100%;
            background: #000;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .circle{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 200px;
            height: 200px;
            background-image: linear-gradient(0deg,
            rgb(47,102,255),
            rgb(153,64,255) 30%,
            rgb(238,55,255) 60%,
            rgb(255,0,76) 100%);
            border-radius: 50%;
            animation: rotate 1s linear infinite;
        }
        /* 模糊 */
        .circle::before{
            content: "";
            position:absolute;
            width: 200px;
            height: 200px;
            background-image: linear-gradient(0deg,
            rgb(47,102,255),
            rgb(153,64,255) 30%,
            rgb(238,55,255) 60%,
            rgb(255,0,76) 100%);
            border-radius: 50%;
            filter: blur(35px);
        }
        /* 黑圆 */
        .circle::after{
            content: "";
            position:absolute;
            width: 150px;
            height: 150px;
            background:#000;
            border-radius: 50%;
        }
        h1{
            position: absolute;
            color: #fff;
            font-weight: bold;
        }
        .title{
            color: #FFFFFF;
            position:absolute;
            top:20%;
            text-shadow:0px 0 30px #fff;
            text-align: center;
            font-size: 2rem;
            font-weight: bold;
        }
        .text{
            color: #FFFFFF;
            position:absolute;
            bottom:20%;
            text-shadow:0px 0 30px #fff;
            font-weight: bold;text-align: center;
        }
        /* 添加动画 */
        @keyframes rotate{
            0%{
                transform: rotate(0deg);
            }
            100%{
                transform: rotate(360deg);
            }
        }
        .card{
            position: absolute;
            background: rgba(33,33,33,1);
            width: 350px;
            height: 600px;
            border-radius: 30px;
            filter: blur(5px);
        }
    </style>
</head>
<body  onload="time()">
<div class="main">
    <div class="card" id="card"></div>
    <div class="circle"></div>
    <h1 id="second"><?php echo($wait);?>s</h1>
    <p class="title"><?php echo (strip_tags($msg)); ?></p>
    <p class="text" id="endJumpText">页面自动 <a id="href" href="<?php echo($url);?>">跳转</a> 等待时间： <b id="wait"><?php echo($wait);?></b></p>
</div>

<script type="text/javascript">
    var href=document.getElementById('href').href;
    function cs(){
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            if(pair[0] == "url"){
                return pair[1];
            }
        }
        return(href);
    }
    function time(){
        var sec = document.getElementById("second"),
            wait = document.getElementById('wait');
        var i = document.getElementById('wait').textContent;//设置定时时间
        if("<?php echo($url);?>" !== ''){
            var timer = setInterval(function(){
                i--;
                sec.innerHTML = i+"s";
                wait.innerHTML = i;
                if(i<=0){
                    window.location.href = cs();
                }
            },1000);
        }else{
            sec.innerHTML = "ERROR";
            sec.style = "color:#fdbebe;";
            document.getElementById('endJumpText').style = "display:none;";
        }
        function goBack(){
            window.history.go(-1);
        }
    }
</script>
</body>
</html>
